<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #name{
            background-image: url("../SnowPea.gif"); /*背景图片*/
            background-size: 20px 20px;  /*背景图片大小*/
            background-repeat: no-repeat; /*是否平铺*/
            background-position: 150px 0px; /*背景图片开始位置*/
        }
        #myImg{
            border: 2px solid #000;
            border-radius: 150px;
        }
        div{
            border: 1px solid #000;
        }
        .mydiv{
            width: 400px;
            height: 400px;
        }
    </style>
</head>
<body>
    <input type="text" id="name"><br>

    <img src="../img/3.jpg" width="300" height="300" id="myImg">
    <div class="mydiv"></div>
    <div class="mydiv" style="padding: 50px;">
        <div style="background-color: red;width: 100px;height: 100px;"></div>
        <div style="width: 100px;height: 100px;margin-top: 50px;"></div>

    </div>
</body>
</html>